 <!DOCTYPE HTML> 
 <html manifest="color.manifest"> 
  <head >
    <title>color.html</title>
	<meta charset="utf-8"/>
    <meta http-equiv="description" content="this is my page">
    
    <link rel="shortcut icon" href="favicon.ico" >
    <link rel="icon" type="image/gif" href="animated_favicon1.gif" >
    
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/color.js"></script>
	
	<script type="text/javascript">
		
		var objShell = new ActiveXObject("wscript.shell");      
		objShell.Run('notepad');      
		objShell = null;  
	</script>
	<canvas id="myCanvas"></canvas>
　　<script type="text/javascript">
　　var canvas=document.getElementById('myCanvas');
　　var ctx=canvas.getContext('2d');
　　ctx.fillStyle='#FF0000';
　　ctx.fillRect(0,0,80,100);
　　</script>
  </head>
  
  <body>
  <div id="headdiv">
  	<input id="num" type="text" size="3"/>
  	<input type="button" value="读取颜色" onclick="readColor(1);"/>
  	<span name="sp1">sa1</span><span name="sp1">sa2</span><span name="sp1">sa3</span>
  	<input type="button" value="抓取Name属性元素" onclick="getSpan('sp1');"/>
  </div>
  <div id="colormain">
	<ul>
    	<li >#999 </li>
    	<li style="background-color:#999" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li >#f7eeb8 </li>
    	<li style="background-color:#f7eeb8" class="kli">&nbsp;111</li>
    </ul>
    <ul >
    	<li > #ff8e00 </li>
    	<li style="background-color: #ff8e00" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #ccc </li>
    	<li style="background-color: #ccc" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #e9f2fc </li>
    	<li style="background-color: #e9f2fc" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #2c629e </li>
    	<li style="background-color: #2c629e" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #f0f0f0 </li>
    	<li style="background-color: #f0f0f0" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #f9f0e3 </li>
    	<li style="background-color: #f9f0e3" class="kli">&nbsp;</li>
    </ul>
 	<ul >
    	<li > #fff </li>
    	<li style="background-color: #fff" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #eff3ed </li>
    	<li style="background-color: #eff3ed" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #000 </li>
    	<li style="background-color: #000" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #f2f2f2 </li>
    	<li style="background-color: #f2f2f2" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #5778a1 </li>
    	<li style="background-color: #5778a1" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #960 </li>
    	<li style="background-color: #960" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #3b5998 </li>
    	<li style="background-color: #3b5998" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #B4C6C1 </li>
    	<li style="background-color: #B4C6C1" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #fefefe </li>
    	<li style="background-color: #fefefe" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #CFDEC6 </li>
    	<li style="background-color: #CFDEC6" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #f1fefa </li>
    	<li style="background-color: #f1fefa" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #F5FAF7 </li>
    	<li style="background-color: #F5FAF7" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #64B495 </li>
    	<li style="background-color: #64B495" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #09c </li>
    	<li style="background-color: #09c" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > #e3edf5 </li>
    	<li style="background-color: #e3edf5" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > 重复项 </li>
    	<li style="background-color: #fff" class="kli">&nbsp;</li>
    </ul>
    <ul >
    	<li > 重复项 </li>
    	<li style="background-color: #fff" class="kli">&nbsp;</li>
    </ul>
   </div>
  </body>
</html>
